<template>
    <div class="empty">
        <img src="../../../static/imgs/cart-empty.png" alt="">    
        <p>购物车空空荡荡...</p>
        <div class="btn">
            <a href="#">
                立刻去逛逛
            </a>
        </div>
    </div>
</template>
<script>
</script>
<style lang="less" scoped>
.empty{
    padding-top:1.15rem;
    padding-bottom:.3rem;
    text-align:center;
    p{
        padding-top:.1rem;
    }
    img{
        width:1.45rem;
        margin:0 auto;
    }
    .btn{
        width:40%;
        padding:.15rem .15rem .15rem;
        margin:0 auto;
        a{
            line-height:.35rem;
            height:.35rem;
            width:1.35rem;
            font-size:.14rem;
            display:block;
            border-radius:.02rem;
            text-align:center;
            background:#ff7900;
            color:#fff;
            margin:0 auto;
        }
    }
}


</style>